<template>
  <div>
    <div class="pagelist">
      <router-link to="/basedemo">基础</router-link>
      <router-link to="/polygon">多边形</router-link>
      <router-link to="/shadow">阴影</router-link>
      <router-link to="/graticule">网格标尺图层</router-link>
      <router-link to="/heatmap">热力图</router-link>
      <router-link to="/imagelayer">单张图片的矢量图层</router-link>
      <router-link to="/vectorlayer">矢量图层</router-link>
      <router-link to="/test2">overlay标记</router-link>
      <router-link to="/test3">切换地图底图</router-link>
      <router-link to="/test4">天地图wmts服务</router-link>
      <router-link to="/test5">style test(error)</router-link>
      <router-link to="/test6">gif</router-link>
      <router-link to="/test7">行政区划边界处理</router-link>
      <router-link to="/test8">vector矢量图打点操作</router-link>
      <router-link to="/test9">一条线</router-link>

    </div>
    <div class="pagelist">
      <router-link to="/test16">标绘多边形</router-link>
      <router-link to="/test17">标绘多边形</router-link>
      <router-link to="/heat">热力图</router-link>
      <router-link to="/jiantou">箭头</router-link>
    </div>
    <div style="height: 90vh">
      <router-view />
    </div>

  </div>
</template>

<script>



export default {
  name: 'App',
  components: {

  }
}
</script>

<style>
.pagelist {
  height: 40px;
  fong-weight: bold;
  display: flex;
}

.pagelist a {
  margin: 0 20px;
}
</style>
